<!DOCTYPE html>
<html>
	<title>个人中心</title>
	<link rel="stylesheet" href="./main/new_file.css" />
	</head>
	<body>
		<div class="pageMain">
			<div class="userInfoPage">
				<div class="rotue-left">
					<div class="userInfoBox">
						<div class="userPic">
							<img data-src="" src="./main/OIP-C.jpg" width="120px" alt="loadbe" />
						</div>
						<div title="王生权" class="userName">王生权</div>
						<div
							style="margin-top: 11px; display: flex;align-items: flex-start;justify-content: center;flex-flow: wrap;max-width:90% ;">
						</div>
						<div class="authentication">大学生</div>
					</div>
				</div>
				<div class="menuList">
					<div class="firstTitile">
						<div class="title">个人资料</div>
						<div class="listBox">
							<div class="route">
								"基本资料"
								<img src="" alt="" />
							</div>
							<div data-v-7efdae3d class="route is-active">
								"详细资料"
								<img src="" alt="" />
							</div>
						</div>
					</div>
					<div class="firstTitile">
						<div class="title">学业展示</div>
						<div class="listBox">
							<div data-v-="" class="route">
								"我的课程"
								<img src="" alt="" />
							</div>
							<div class="route is-active">
								"学业管理"
								<img src="" alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div style="flex: 1 1 0%;">
				<div class="userUserInfo">
					<div class="userInfoChidlrenPageTitle">
						<span>
							"详细资料"
						</span>
						<div class="problem">
							<i class="iconfont iconnqm">

							</i>
							"常见问题"
						</div>
					</div>
					<div class="formBox">
						<form action="el-form myInfomation el-form-lable-right">
							<div class="el-form-item">

								<label for="realName" class="el-form-item__lable" style="width: 92px;">姓名：</label>
								<div class="el-form-item__content" style="margin-left: 92px;">

									<div class="el-input">
										<input type="text" autocomplete="off" placeholder="请输入你的姓名"
											class="el-input__inner" />
									</div>
								</div>
							</div>
							<div class="el-form-item is-required">

								<label for="nickName" class="el-form-item__lable" style="width: 92px;">昵称：</label>
								<div class="el-form-item__content" style="margin-left: 92px;">

									<div class="el-input">
										<input type="text" autocomplete="off" placeholder="请输入账号昵称"
											class="el-input__inner" />
									</div>
								</div>
							</div>
							<div class="el-form-item">

								<label for="nickName" class="el-form-item__lable" style="width: 92px;">手机：</label>
								<div class="el-form-item__content" style="margin-left: 92px;">

									<div class="el-input">
										<input type="text" autocomplete="off" placeholder="请输入手机号码"
											class="el-input__inner" />
									</div>
								</div>
							</div>
							<div class="el-form-item is-required">
								<label for="gender" class="el-form-item__lable" style="width: 92px;">性别：</label>
								<div class="el-form-item__content" style="margin-left: 92px;"></div>

								<div role="radio" tabindex="el-radio-group">
									<label for="radio" tabindex="-1" class="el-radio">
										<span class="el-radio__input">
											<span class="el-radio__inner">
											</span>
											<input type="raido" aria-hidden="true" tabindex="-1" autocomplete="off"
												class="el-radio__original" value="女" />
										</span>
										<span class="el-radio__lable">
											"女"
										</span>
									</label>
									<label for="radio" tabindex="-1" class="el-radio">
										<span class="el-radio__input">
											<span class="el-radio__inner">

											</span>
											<input type="raido" aria-hidden="true" tabindex="-1" autocomplete="off"
												class="el-radio__original" value="男" />

										</span>
										<span class="el-radio__lable">
											"男"
										</span>
									</label>
								</div>
							</div>
							<div class="el-form-item">

								<label for="el-form-item__lable" style="width: 92px;">个人简介:</label>
								<div class="el-form-item__content" style="margin-left: 92px;">
								</div>

								<div class="el-textarea" style="margin-top: 3px;">
									<textarea autocomplete="off" placeholder="填写个人简介" class="el-textarea__inner"
										style="max-height: 33px;"></textarea>
								</div>
							</div>
					</div>
					<div class="el-form-item">
						<label for="el-form-item__lable" style="width: 92px;">我的标签:</label>
						<div class="el-form-item__content" style="margin-left: 92px;">
							<div class="el-textarea" style="margin-top: 3px;">
								<textarea autocomplete="off" placeholder="请填写你的个性签名" class="el-textarea__inner"
									style="max-height: 33px;"></textarea>

							</div>
						</div>
					</div>
					<div class="btnBox">
						<button>保存</button>
					</div>
					</form>
				</div>
				<div class="userInfoChidlrenPageTitle">
					<span>"学业信息"</span>
				</div>
				<div class="formBox">
					<div class="studentInfo">
						<form class="el-form-myInfomation el-form--lable-right">
							<div class="el-form-item is-required">
								<label for="svhoolWookplaceID" class="el-form-item__lable"
									style="width: 92px;">"学校:"</label>
								<div class="el-form-item__content" style="margin-left: 92px;">
									<div class="el-select">
										<div class="el-input el-input--suffix">
											<input type="text" readonly="readonly" autocomplete="off"
												placeholder="请输入在读学校" class="el-input__inner" />
											<span class="el-input--suffix">
												<span class="el-input__suffix-inner">
													<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
												</span>
											</span>
										</div>
										<div class="el-select-dropdown el-popper"
											style="display: none;margin-bottom: 300px;">

										</div>
										<div class="el-scrollbar" style>
											<div class="el-select-dropdown__wrap el-scrollbar__wrap"
												style="margin-bottom: -15px; margin-right: -15px;">
												<ul class="el-scrollbar__view el-select-dropdown__list">
													<li class="el-select-dropdown__item selcted">
														<span>顺德职业技术学院</span>
													</li>
												</ul>
											</div>
											<div class="el-scrollbar__bar is-horizontal">
												<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
												</div>
											</div>
											<div class="el-scrollbar__bar is-vertical">
												<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
												</div>
											</div>
										</div>
									</div>

								</div>
							</div>
							<div class="el-form-item is-required">
								<label for="departmentID" class="el-form-item__lable" style="width: 92px;">"学院："</label>
								<div class="el-form-item__content" style="margin-left: 92px;">
									<div class="el-select">
										<div class="el-input el-input--suffix">
											<input type="text" readonly="readonly" autocomplete="off"
												placeholder="请输入学院" class="el-input__inner" />
											<span class="el-input--suffix">
												<span class="el-input__suffix-inner">
													<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
												</span>
											</span>
										</div>
										<div class="el-select-dropdown el-popper"
											style="display: none;min-width: 300px;">
											<div class="el-scrollbar" style>
												<div class="el-select-dropdown__wrap el-scrollbar__wrap"
													style="margin-bottom: -15px; margin-right: -15px;">
													<ul class="el-scrollbar__view el-select-dropdown__list">
														<li class="el-select-dropdown__item">
															<span>智能学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>人文学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>医药卫生学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>商学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>外语外贸学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>烹饪学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>酒店管理学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>设计学院</span>
														</li>
														<li class="el-select-dropdown__item">
															<span>能源学院</span>
														</li>

													</ul>
												</div>
												<div class="el-scrollbar__bar is-horizontal">
													<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
													</div>
												</div>
												<div class="el-scrollbar__bar is-vertical">
													<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="el-form-item is-required">
									<label for="majorID" class="el-form-item__lable" style="width: 92px;">专业:</label>
									<div class="el-form-item__content" style="margin-left: 92px;">
										<div class="el-select">
											<div class="el-input--suffix">
												<input type="text" readonly="readonly" autocomplete="off"
													placeholder="请选择专业" class="el-input__inner" />
												<span class="el-input--suffix">
													<span class="el-input__suffix-inner">
														<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
													</span>
												</span>

											</div>
											<div class="el-select-dropdown el-popper"
												style="display: none;min-width: 300px;">
												<div class="el-scrollbar" style>
													<div class="el-select-dropdown__wrap el-scrollbar__wrap"
														style="margin-bottom: -15px; margin-right: -15px;">
														<ul class="el-scrollbar__view el-select-dropdown__list">
															<li class="el-select-dropdown__item">
																<span>软件技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>大数据技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>工业机器人技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>应用电子技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>数字化设计与制造技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>数控技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>机电一体化技术</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>模具设计与制造</span>
															</li>
															<li class="el-select-dropdown__item">
																<span>物联网应用技术</span>
															</li>
														</ul>
													</div>
													<div class="el-scrollbar__bar is-horizontal">
														<div class="el-scrollbar__thnub"
															style="transform: translateX(0%);">
														</div>
													</div>
													<div class="el-scrollbar__bar is-vertical">
														<div class="el-scrollbar__thnub"
															style="transform: translateX(0%);">
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
						</form>
					</div>
					<div class="el-form-item is-required">
						<label for="classID" class="el-form-item__lable" style="width: 92px;">班级:</label>
						<div class="el-form-item__content" style="margin-left: 92px;">
							<div class="el-select">
								<div class="el-input--suffix">
									<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择所在班级"
										class="el-input__inner" />
									<span class="el-input--suffix">
										<span class="el-input__suffix-inner">
											<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
										</span>
									</span>

								</div>
								<div class="el-select-dropdown el-popper" style="display: none;min-width: 300px;">
									<div class="el-scrollbar" style>
										<div class="el-select-dropdown__wrap el-scrollbar__wrap"
											style="margin-bottom: -15px; margin-right: -15px;">
											<ul class="el-scrollbar__view el-select-dropdown__list">
												<li class="el-select-dropdown__item">
													<span>21软件技术1班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>21软件技术2班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>21软件技术3班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>22软件技术1班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>22软件技术2班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>22软件技术3班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>23软件技术1班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>23软件技术2班</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>23软件技术3班</span>
												</li>
											</ul>
										</div>
										<div class="el-scrollbar__bar is-horizontal">
											<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
											</div>
										</div>
										<div class="el-scrollbar__bar is-vertical">
											<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						</form>
					</div>
					<div class="el-form-item is-required">
						<label for="stuNum" class="el-form-item__lable" style="width: 92px;">学号:</label>
						<div class="el-form-item__content" style="margin-left: 92px;">

							<div class="el-input">
								<input type="text" autocomplete="off" placeholder="请输入学号" class="el-input__inner" />
							</div>
						</div>
						<div class="el-form-item is-required">
							<label for="enrollYear" class="el-form-item__lable" style="width: 92px;">入学年份:</label>
							<div class="el-select">
								<div class="el-input el-input__suffix">
									<input type="text" readonly="readonly" autocomplete="off" placeholder="请选择入学年份"
										class="el-input__inner" />
									<span class="el-input--suffix">
										<span class="el-input__suffix-inner">
											<i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
										</span>
									</span>
								</div>
								<div class="el-select-dropdown el-popper" style="display: none;min-width: 300px;">
									<div class="el-scrollbar" style>
										<div class="el-select-dropdown__wrap el-scrollbar__wrap"
											style="margin-bottom: -15px; margin-right: -15px;">
											<ul class="el-scrollbar__view el-select-dropdown__list">
												<li class="el-select-dropdown__item">
													<span>2017</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2018</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2019</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2020</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2021</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2022</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2023</span>
												</li>
												<li class="el-select-dropdown__item">
													<span>2024</span>
												</li>
											</ul>
										</div>
										<div class="el-scrollbar__bar is-horizontal">
											<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
											</div>
										</div>
										<div class="el-scrollbar__bar is-vertical">
											<div class="el-scrollbar__thnub" style="transform: translateX(0%);">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="btnBox">
						<button>保存</button>
					</div>
					</form>
				</div>
			</div>
		</div>
		</div>
		</div>
	</body>
</html>